@borderColor:#d30000;
@mainColor:rgb(208, 2, 27);
@titleColor:#f00;
@bookBgColor:#dee0dc;
.index-h2 {
    text-align: center;
    margin: 28px auto;
    color: @mainColor;
    font-size: 28px;
    letter-spacing: 0px;
    font-weight: 700;
    margin-right: 8px;
}

.red-border-top{
    padding-top: 11px;
    border-top: 5px solid @borderColor;
}

.index-card {
    width: 10rem;
    box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1);
    border-radius: 2px;
}

.index-card:hover {
    background-color: #f7f7f7;
}

.mat-card-header {
    justify-content: center;
    text-align: center;
}

.mat-card {
    padding-bottom: 0px;
    cursor: pointer;
}

.index-book {
    margin: 2rem 5rem;
}

.index-drop-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cdk-drag-animating {
    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.cdk-drag-placeholder {
    opacity: 0;
}

.mat-card-title {
    color: @titleColor;
    font-weight: bold;
}